@import '../../../theme/styles/default';

@ad-standard-form-row-label-color: @heading-color;
@ad-standard-form-row-label-fs: @font-size-base;

.ad-standard-form-row {
  border-bottom: 1px dashed @border-color-split;
  padding-bottom: 16px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  .ant-form-item {
    margin-right: 24px;
  }
  .ant-form-item-label label {
    color: @text-color;
    margin-right: 0;
  }
  .ant-form-item-label,
  .ant-form-item-control {
    padding: 0;
    line-height: 32px;
  }
  .ant-tag {
    font-size: @font-size-base;
  }
  .label {
    color: @ad-standard-form-row-label-color;
    font-size: @ad-standard-form-row-label-fs;
    margin-right: 24px;
    flex: 0 0 auto;
    text-align: right;
    & > span {
      display: inline-block;
      height: 32px;
      line-height: 32px;
      &:after {
        content: '：';
      }
    }
  }
  .control {
    flex: 1 1 0;
    .ant-form-item:last-child {
      margin-right: 0;
    }
  }
  &.last {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  &.block {
    .ant-form-item,
    .ant-form-item-control-wrapper {
      display: block;
    }
  }
  &.grid {
    .ant-form-item,
    .ant-form-item-control-wrapper {
      display: block;
    }
    .ant-form-item-label {
      float: left;
    }
  }
}
